<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>悬红</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/icons-extra.css" rel="stylesheet" />
		<link href="css/uikit.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/uikit.min.js"></script>
	</head>

	<body>

		<header class="mui-bar mui-bar-nav mui-bar-nav-white">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">每日签到</h1>
		</header>

		<div class="mui-content">

			<div class="uk-margin-small-bottom">
				<div class="qd-section" style="background: #ff8937 url(images/banner-qd.jpg) no-repeat 50% 50%/ cover;">
					<div class="uk-text-center uk-margin-small-bottom">
						<div class="qd-btn">
							<div class="qd-btn-inner-wp">
								<div class="qd-btn-inner">
									<div class="qd-btn-inner-bd">
										<div class="hd">已签到</div>
										<div class="bd">连续25天</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="uk-text-center uk-text-xmini">
						每天可领20积分，赚积分，换礼品!
					</div>

				</div>

			</div>
			
			<div>
				<img src="images/calendar-img.jpg" width="100%"/>
			</div>
			
			

		</div>

		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>

	</body>

</html>